<!--
 * @authors 沙洲 chenchenyixin@qq.com http://gitee.com/shazhou
 * @date    2019-12-28 22:13:54
-->
<template>
  <div class="ious">
    <div class="wrapper" ref="wrapper">
      <div class="wrapper-content">
        <islider :items="items"></islider>
        <welfare></welfare>
        <service></service>
        <Tfooter></Tfooter>
      </div>
    </div>
  </div>
</template>

<script>
import BScroll from 'better-scroll'
import Theader from '../../components/header.vue'
import Tfooter from '../../components/footer.vue'
import islider from '../../components/slider.vue'
import welfare from '../ious/components/welfare.vue'
import service from '../ious/components/service.vue'
export default {
  name: 'ious',
  data(){
	  return{
	  	items:[{
        src:'//img12.360buyimg.com/jrpmobile/jfs/t8491/303/504628479/60643/100648de/59a94358N92475fca.jpg?width=750&height=320'
      },{
        src:'//img12.360buyimg.com/jrpmobile/jfs/t8437/321/1758527686/40952/f66d552f/59bf1f41N50d846f9.jpg?width=750&height=320'
      }]
	  }
  },
  props:{
  
  },
  components:{
  	Theader,Tfooter,islider,welfare,service
  },
  created(){

  },
  mounted(){
  	this.creatScroll()
  },
  methods:{
  	creatScroll(){
      this.$nextTick(() => {
        if(!this.scroll){
          this.scroll=new BScroll(this.$refs.wrapper,{
            click: true
          })
        }else{
          this.scroll.refresh()
        }
      })
    }
  }
}
</script>
<style lang="stylus" scoped>
.ious
  overflow:hidden
  position:absolute
  left:0
  top:50px
  right:0
  bottom:50px
  background:#f5f5f5  
  .wrapper
    height:100%

</style>


